<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" th:href="@{/css/matrix-login.css}" />
<link th:href="@{/font-awesome/css/font-awesome.css}" rel="stylesheet" />
<!--<link th:href='@{http://fonts.googleapis.com/css?family=Open+Sans:400,700,800}' rel='stylesheet' type='text/css'/>-->
</head>
<body>
	<div id="loginbox">
		<!--/*@thymesVar id="msg" type="java.lang.String"*/-->
		<span th:text="${msg}"></span>
		<form id="loginform" class="form-vertical" th:action="@{/login}"
			action="" method="post">
			<div class="control-group normal_text">
				<h3>
					<img th:src="@{img/logo.png}" alt="Logo" />
				</h3>
			</div>
			<div class="control-group">
				<div class="controls">
					<div class="main_input_box">
						<span class="add-on bg_lg"><i class="icon-user"></i></span><input
							type="text" name="username" placeholder="Username" />
					</div>
				</div>
			</div>
			<div class="control-group">
				<div class="controls">
					<div class="main_input_box">
						<span class="add-on bg_ly"><i class="icon-lock"></i></span><input
							type="password" name="password" placeholder="Password" />
					</div>
				</div>
			</div>
			<div class="form-actions">
				<span class="pull-left"><a href="#"
					class="flip-link btn btn-info" id="to-recover">Lost password?</a></span> <span
					style="margin-left: 165px;"><a href="/register"
					class="flip-link btn btn-info" id="to-register">register</a></span> <span
					class="pull-right"><a type="submit"
					href="javascript:$('#loginform').submit();" class="btn btn-success">Login</a></span>
			</div>
		</form>
		<form id="recoverform" action="#" class="form-vertical">
			<p class="normal_text">Enter your e-mail address below and we
				will send you instructions how to recover a password.</p>

			<div class="controls">
				<div class="main_input_box">
					<span class="add-on bg_lo"><i class="icon-envelope"></i></span><input
						type="text" placeholder="E-mail address" />
				</div>
			</div>

			<div class="form-actions">
				<span class="pull-left"><a href="#"
					class="flip-link btn btn-success" id="to-login">&laquo; Back to
						login</a></span> <span class="pull-right"><a class="btn btn-info">Reecover</a></span>
			</div>
		</form>
	</div>
	<script type="text/javascript" th:src="@{/js/jquery-1.11.2.min.js}"></script>
	<script type="text/javascript" th:src="@{/js/gt.js}"></script>
</body>
</html>